<template>
  <div class="cataloguePage">
    <el-icon class="setting" size="30px"><Setting /></el-icon>

    <div class="catalogue"></div>
  </div>
</template>

<script setup lang="ts">
import { Setting } from "@element-plus/icons-vue";
</script>

<style scoped lang="scss">
.cataloguePage {
  width: 52px;
  height: clamp(min(480px, 70%), 636px, 70%);
  padding-left: 12px;

  .el-icon {
    position: absolute;
    bottom: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
  }

  .catalogue {
    height: 100%;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5);
  }
}
</style>
